<!DOCTYPE html>
<head>
  <title>HTML5 test</title>
  <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type" />
  <link rel="stylesheet" href="{{STATIC_URL}}stylo.css">
</head>
  <header>
     <nav>
       <ul>
         <li><a href="#">Inicio</a></li>
         <li><a href="#">Pedidos</a></li>
         <li><a href="#">Facturas</a></li>
         <li><a href="#">Administracion</a></li>
       </ul>
    </nav>
    <form>
      <input type="search" name="q" placeholder="Busqueda" />
    </form>
  </header>
  <section>
      <article>
        <header>
          <h2>Noticia #1</h2>
        </header>
        <section>
          <p>Texto de la noticia #1...</p>
        </section>
      </article>
      <article>
        <header>
          <h2>Noticia #2</h2>
        </header>
        <section>
          <p>Texto de la noticia #2...</p>
        </section>
      </article>
  </section>
  <aside>
    <form>
     <p><label>Nombre: <input name="name" required></label></p>
     <p><label>E-mail: <input name="email" type="email" required></label></p>
     <p><label>Edad: <input type="number" min="0" max="99" step="1" value="33"></label></p>
     <p><label>Edad: <input type="range" min="0" max="10" step="2" value="6"></label></p>
     <p><label>URL: <input name="url" type="url"></label></p>
     <p><label>Commentario: <textarea name="comment" required></textarea></label></p>
     <p><input type="submit" value="Enviar"></p>
    </form> 
  </aside>
  <footer>
    <p>Copyleft 2010</p>
  </footer>
